<legend>
    <h4><?php echo $control->getAjaxLink(array('name' =>'功能列表', 'id' => 'showClientFunctionList')); ?>\  
        <?php echo '产品订购';?>
    </h4>
</legend>
<div class="bs-docs-example">
            <div id="navbar-example" class="navbar navbar-static">
              <div class="navbar-inner">
                <div class="container" style="width: auto;">
                  <a class="brand">产品分类</a>
                  <ul class="nav" role="navigation">
                    <li class="dropdown">
                      <a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">电子数码 <b class="caret"></b></a>
                      <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">热卖手机</a></li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">平板电脑</a></li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">办公耗材</a></li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">其他分类</a></li>
                      </ul>
                    </li>
                    <li class="dropdown">
                      <a href="#" id="drop2" role="button" class="dropdown-toggle" data-toggle="dropdown">家具建材<b class="caret"></b></a>
                      <ul class="dropdown-menu" role="menu" aria-labelledby="drop2">
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">成套家具</a></li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">设计服务</a></li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">榻榻米床</a></li>
                        <li role="presentation" class="divider"></li>
                        <li role="presentation"><a role="menuitem" tabindex="-1" href="#">其他分类</a></li>
                      </ul>
                    </li>
                  </ul>
                  <ul class="nav pull-right">
                    <li id="fat-menu">
                        <a  href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown">更多分类</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div> 
          </div>
<style>
    .item_list{
        overflow: hidden;display: block;
    }
    .item{
        float: left;width: 180px;height: 220px;display: inline;margin-bottom: 10px;
    }
    .item_img{
        width: 160px;
    }
    .ipic{
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 180px;
        height: 180px;
    }
    .title{
        width: 180px;
        height: 25px;
        line-height: 25px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        margin: auto;
    }
    .g_price{
        font-family: arial;
        text-align: center;
    }
</style>
<div class="item_list">
    <ul>
        <li class="item">
        <div class="ipic">
          <a target="_blank"><img class="item_img" src="http://img01.taobaocdn.com/bao/uploaded/T1gLzVXmlbXXbMrAU._113200.jpg_180x180.jpg"></a>
        </div>
        <p class="title">
            <?php echo $control->getAjaxLink(array('name' =>'苹果 iPhone 4s', 'id' => 'showGoodsDetail')); ?>
        </p>
        <p class="g_price">
          <span>¥</span><strong>2224.00</strong>
        </p>
      </li>
              <li class="item">
        <div class="ipic">
          <a target="_blank"><img class="item_img" src="http://img01.taobaocdn.com/bao/uploaded/TB1nBBaFVXXXXX.XFXXDXjE8VXX_033020.jpg_160x160.jpg"></a>
        </div>
        <p class="title">
          <a href="#">昂达 V989</a>
        </p>
        <p class="g_price">
          <span>¥</span><strong>1053.00</strong>
        </p>
      </li>
              <li class="item">
        <div class="ipic">
          <a target="_blank"><img class="item_img" src="http://img01.taobaocdn.com/bao/uploaded/TB1CkL5GXXXXXayXXXXKISJFpXX_120755.jpg_160x160.jpg"></a>
        </div>
        <p class="title">
          <a href="#">ThinkPad S3</a>
        </p>
        <p class="g_price">
          <span>¥</span><strong>8585.00</strong>
        </p>
      </li>
              <li class="item">
        <div class="ipic">
          <a target="_blank"><img class="item_img" src="http://img01.taobaocdn.com/bao/uploaded/T1JFFBXwFfXXbVgjI__110105.jpg_160x160.jpg"></a>
        </div>
        <p class="title">
          <a href="#">佳能 600D 18-135</a>
        </p>
        <p class="g_price">
          <span>¥</span><strong>3838.00</strong>
        </p>
      </li>
              <li class="item">
        <div class="ipic">
          <a target="_blank"><img class="item_img" src="http://gi1.mlist.alicdn.com/bao/uploaded/i1/TB1daymFVXXXXafXVXXXXXXXXXX_!!0-item_pic.jpg_b.jpg"></a>
        </div>
        <p class="title">
          <a href="#">实创装饰欧式</a>
        </p>
        <p class="g_price">
          <span>¥</span><strong>2000.00</strong>
        </p>
      </li>
              <li class="item">
        <div class="ipic">
          <a target="_blank"><img class="item_img" src="http://gi2.mlist.alicdn.com/bao/uploaded/i2/T1FPywFHlbXXXXXXXX_!!0-item_pic.jpg_b.jpg"></a>
        </div>
        <p class="title">
          <a href="#">法式衣柜 </a>
        </p>
        <p class="g_price">
          <span>¥</span><strong>2180.00</strong>
        </p>
      </li>
              <li class="item">
        <div class="ipic">
          <a target="_blank"><img class="item_img" src="http://gi3.mlist.alicdn.com/bao/uploaded/i3/TB1QkfkFVXXXXawXpXXXXXXXXXX_!!0-item_pic.jpg_b.jpg"></a>
        </div>
        <p class="title">
          <a href="#">钢化玻璃</a>
        </p>
        <p class="g_price">
          <span>¥</span><strong>1580.00</strong>
        </p>
      </li>
              <li class="item">
        <div class="ipic">
          <a target="_blank"><img class="item_img" src="http://gi1.mlist.alicdn.com/bao/uploaded/i1/182522763/TB2dOUWXVXXXXazXXXXXXXXXXXX_!!182522763.jpg_b.jpg"></a>
        </div>
        <p class="title">
          <a href="#">西门子开关</a>
        </p>
        <p class="g_price">
          <span>¥</span><strong>8.99</strong>
        </p>
      </li>
              <li class="item">
        <div class="ipic">
          <a target="_blank"><img class="item_img" src="http://gi2.mlist.alicdn.com/bao/uploaded/i2/TB1m6eOFVXXXXcjXpXXXXXXXXXX_!!0-item_pic.jpg_b.jpg"></a>
        </div>
        <p class="title">
          <a href="#">全球联保瑞士天梭男表</a>
        </p>
        <p class="g_price">
          <span>¥</span><strong>3560.00</strong>
        </p>
      </li>
    </ul> 
</div>
